<script setup>

</script>

<template>
  <div class="one_bg">
    <h2 class="title text-align-center">—— 公司分部 ——</h2>
    <div class="list  wid">
      <ul>
        <li>

          <div class="">
            <img src="../../assets/1.png" alt="">
          </div>
          <div class="">北京分部</div>

        </li>
        <li>

          <div class="">
            <img src="../../assets/2.png" alt="">
          </div>
          <div class="">上海分部</div>

        </li>
        <li>

          <div class="">
            <img src="../../assets/3.png" alt="">
          </div>
          <div class="">广州分部</div>

        </li>
        <li>

          <div class="">
            <img src="../../assets/4.png" alt="">
          </div>
          <div class="">成都分部</div>
        </li>
        <li>

          <div class="">
            <img src="../../assets/5.png" alt="">
          </div>
          <div class="">深圳分部</div>

        </li>
        <li>

          <div class="">
            <img src="../../assets/6.png" alt="">
          </div>
          <div class="">合肥分部</div>

        </li>
        <li>

          <div class="">
            <img src="../../assets/7.png" alt="">
          </div>
          <div class="">杭州分部</div>

        </li>
        <li>

          <div class="">
            <img src="../../assets/8.png" alt="">
          </div>
          <div class="">南京分部</div>

        </li>
        <li>

          <div class="">
            <img src="http://zkzhijian.com/uploads/thumb/400_300/1-23051ZR401614.png" alt="">
          </div>
          <div class="">天津分部</div>

        </li>
      </ul>
    </div>
  </div>
</template>

<style scoped lang="less">
.one_bg {
  padding: 4.7em 0 3.5em;
  height: 663px;
  background: url("../../assets/dyna_bg.jpg") no-repeat;
}

.list {
  margin-bottom: 20px;

  ul {
    display: flex;
    flex-wrap: wrap;

    li {
      width: 18%;
      text-align: center;
      margin: 10px 1%;

      img {
        width: 100%;
      }

      > div {
        &:last-child {
          line-height: 40px;
        }
      }
    }
  }
}

</style>
